<!-- 现场勘探 -->
<template>
  <devArticle>
    <card>
      <p slot="title">现场勘探</p>
      <table width='100%' border="1" cellspacing="0" cellpadding="0">
        <tr>
          <th colspan="4">现场勘探表</th>
        </tr>
        <tr>
          <td width="25%">项目编号</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td width="25%">项目名称</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td width="25%">项目编号</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td width="25%">法人</td>
          <td width="25%"></td>
          <td width="25%">联系人</td>
          <td></td>
        </tr>
        <tr>
          <td width="25%">通讯地址</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td width="25%">联系电话</td>
          <td width="25%"></td>
          <td width="25%">邮政编码</td>
          <td></td>
        </tr>
        <tr>
          <td width="25%">建设地点</td>
          <td colspan="3"></td>
        </tr>
        <tr>
          <td width="25%">立项审批部门</td>
          <td></td>
          <td>项目代码</td>
          <td></td>
        </tr>
        <tr>
          <td>建设性质</td>
          <td>新建</td>
          <td>国民经济行业类型</td>
          <td>031畜牧饲养</td>
        </tr>
        <tr>
          <td>占地面积（平方米）</td>
          <td></td>
          <td>绿化面积（平方米）</td>
          <td></td>
        </tr>
        <tr>
          <td>总投资（万元）</td>
          <td></td>
          <td>环评合同额（万元）</td>
          <td></td>
        </tr>
        <tr>
          <td>土地文件</td>
          <td>
<Button>上传</Button>
          </td>
          <td>土地相符性</td>
          <td>符合</td>
        </tr>
        <tr>
          <td>规划文件</td>
          <td>
          	<Button>上传</Button>
          </td>
          <td>规划相符性</td>
          <td>符合</td>
        </tr>
        <tr>
          <td>立项文件</td>
          <td>
          	<Button>上传</Button>
          </td>
          <td>可研/项目计划书</td>
          <td>
          	<Button>上传</Button>
          </td>
        </tr>
        <tr>
          <td rowspan="2">建设内容</td>
          <td colspan="3">
            <Row style="width: 99%"><!-- 待解决 -->
              <Col span="23">
              <Table border ref="selection" :columns="columns1" :data="data1" :show-header="false" class="tabsty"></Table>
              </Col>
            </Row>
          </td>
        </tr>
        <tr>
          <td colspan="3">
          	<Button type="primary">添加</Button>
          	<Button type="error">删除</Button>
          </td>
        </tr>
      <tr>
        <td rowspan="7" width="25%">公用工程</td>
        <td width="25%">供水方式</td>
        <td colspan="2"></td>
      </tr> 
      <tr>
        <td width="25%">供电方式</td>
        <td colspan="2"></td>
      </tr> 
      <tr>
        <td rowspan="3">排水去向</td>
        <td colspan="2">排水：
        	<RadioGroup v-model="whether">
        		<Radio label="yes">
               <span>是</span>
               </Radio>
               <Radio label="no">
            <span>否</span>
        </Radio>
    </RadioGroup>
        </td>
      </tr> 
     <tr>
       <td>纳污水体：</td>
       <td>纳污水体功能：</td>
     </tr> 
     <tr>
       <td>排污路径：</td>
       <td>污水处理厂：</td>
     </tr> 
     <tr>
       <td>供热取暖</td>
       <td colspan="2"></td>
     </tr> 
     <tr>
       <td>燃料及供应方式</td>
       <td colspan="2"></td>
     </tr>
     <tr>
     	<td>劳动定员</td>
     	<td>10人</td>
     	<td>住宿：
     	<RadioGroup v-model="whether">
        		<Radio label="yes">
               <span>是</span>
               10人
               </Radio>
               <Radio label="no">
            <span>否</span>
        </Radio>
    </RadioGroup>
    </td>
     	<td>食堂：
     	<RadioGroup v-model="whether">
        		<Radio label="yes">
               <span>是</span>
               10人
               </Radio>
               <Radio label="no">
            <span>否</span>
        </Radio>
    </RadioGroup>
</td>
     </tr>
     <tr>
          <td rowspan="2">建设内容</td>
          <td colspan="3">
            <Row style="width: 99%"><!-- 待解决 -->
              <Col span="23">
              <Table border ref="selection" :columns="columns1" :data="data1" :show-header="false" class="tabsty"></Table>
              </Col>
            </Row>
          </td>
        </tr>
        <tr>
          <td colspan="3">
          	<Button type="primary">添加</Button>
          	<Button type="error">删除</Button>
          </td>
        </tr>
        <tr>
          <td rowspan="2">建设内容</td>
          <td colspan="3">
            <Row style="width: 99%"><!-- 待解决 -->
              <Col span="23">
              <Table border ref="selection" :columns="columns1" :data="data1" :show-header="false" class="tabsty"></Table>
              </Col>
            </Row>
          </td>
        </tr>
        <tr>
          <td colspan="3">
          	<Button type="primary">添加</Button>
          	<Button type="error">删除</Button>
          </td>
        </tr>
        <tr>
          <td rowspan="2">建设内容</td>
          <td colspan="3">
            <Row style="width: 99%"><!-- 待解决 -->
              <Col span="23">
              <Table border ref="selection" :columns="columns1" :data="data1" :show-header="false" class="tabsty"></Table>
              </Col>
            </Row>
          </td>
        </tr>
        <tr>
          <td colspan="3">
          	<Button type="primary">添加</Button>
          	<Button type="error">删除</Button>
          </td>
        </tr>
        <tr>
        	<td>场地现状</td>
        	<td></td>
        	<td>原有污染情况</td>
        	<td></td>
        </tr><tr>
        	<td>群众对项目意见</td>
        	<td></td>
        	<td>其他搜集到的资料</td>
        	<td><Button>上传</Button></td>
        </tr><tr>
        	<td>项目合同</td>
        	<td><Button>上传</Button></td>
        	<td>项目委托书</td>
        	<td><Button>上传</Button></td>
        </tr><tr>
        	<td>现场存在的环境问题</td>
        	<td></td>
        	<td>现场影像</td>
        	<td></td>
        </tr><tr>
        	<td>勘探人员</td>
        	<td></td>
        	<td></td>
        	<td>勘探日期</td>
        </tr>
      </table>
      <table width='100%' border="1" cellspacing="0" cellpadding="0">
      	<tr>
      		<th>项目周围环境概况图</th>
      	</tr>
      	<tr>
      		<td>
      			请至少上传两张现场照片
      			<Button>上传</Button>
      		</td>
      	</tr>
      </table>
      <Row type="flex" justify="space-between" class="topmargin">
      	<Col span="4">
      		<Button type="primary">打印</Button>
      	</Col>
      	<Col span="4">
      	<div style="float: right">
      		<Button type="primary">保存</Button>
      		<Button type="primary" @click="toenvironment">提交</Button>
      	</div>
      	</Col>
      </Row>	
    </card>
  </devArticle>
</template>
<script>
export default {
  data() {
    return {
      columns1: [{

          type: 'selection',
          width: 60,
          align: 'center'
        },
        {
          title: '1',
          key: 'one'
        },
        {
          title: '2',
          key: 'two'
        }
      ],
      data1: [{
          one: '建筑名称',
          two: '建筑面积、数量、结构、层数、功能等'
        },
        {
          one: 'xxx',
          two: ''
        },
        {
          one: 'xxx',
          two: ''
        },
        {
          one: 'xxx',
          two: ''
        }
      ],
      whether: 'yes',

        }
      },
      methods:{
        toenvironment(){
          this.$router.push('/My/environmentQuality');
    }
  }
}

</script>
<style lang="less" src="./card.less">
</style>
<style lang="less">
	 .tabsty{
			border: none;
			}
			.topmargin{
				margin-top: 20px;
			}
</style>
